<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>datepicker日历插件-Jquery插件库-林氏智造</title>
		<link href="css/reset.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		<link href="css/ui.css" rel="stylesheet" />
		<link href="css/shCoreDefault.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery-1.10.0.min.js"></script>
		<script type="text/javascript" src="js/shCore.js"></script>
		<script type="text/javascript" src="js/shBrushCSharp.js"></script>
		<script type="text/javascript">SyntaxHighlighter.all();</script>
		<script type="text/javascript" src="js/jquery-ui-1.10.1.min.js"></script>
		<script type="text/javascript">
			$(function(){
				
				$( "#demo1" ).datepicker({
					inline: true,
					dateFormat:'yy-mm-dd',
					showOtherMonths: true,
					changeYear:true,
					onSelect:function(dateText, inst){
							
					},
					monthNames: ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'],  
            			dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],  
            			dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],  
            			dayNamesMin: ['日','一','二','三','四','五','六']				
				}).datepicker('widget').wrap('<div class="ll-skin-melon"/>');
				
			});
		</script>
	</head>
	<body id="main">
		
		<div class="slidebar">
			<a href="http://www.0773linji.com" title="林氏智造" class="logo">林氏智造</a>
			<div class="slidebar_title">Jquery<span class="ver">插件库</span></div>
			<iframe src="../menu.html" frameborder="0"></iframe>
		</div>
		
		<div class="content">
			
			<div class="caption"><h2>datepicker日历插件</h2><span class="file">Define in : jquery-ui-1.10.1.min.js</span></div>
			
			<div class="mod_desc">
        			<p>老外封装的弹出日历插件，最近一个项目用了一下感觉还行，就是美化界面的时候好累。</p>
    			</div>
    			
    			<h3 class="title_lv2">
    				$("<span>type</span>").datepicker([ <em>options</em> ]);
    			</h3>
    			
    			<dl class="deps">
        			<dt>依赖</dt>
        			<dd>JS : jquery-1.10.0.min.js,jquery-ui-1.10.1.min.js</dd>
        			<dd>浏览器 : ie7+</dd>
    			</dl>
    			
    			<div class="params_box">
				<h5>参数</h5>
				<ul class="params_list">
					<li>
						<dl>
							<dt>target</dt>
							<dd>String</dd>
						</dl>
						<div class="params_desc">
							<span class="type required">必需</span>
							<p>target DOM元素ID或者DOM元素class,对匹配元素进行插件绑定。</p>
						</div>
					</li>
					<li>
						<dl>
							<dt>options</dt>
							<dd>Object</dd>
						</dl>
						<div class="params_desc">
							<span class="type optional">可选</span>
							<p>多选形式的可配置参数。</p>
						</div>
					</li>
				</ul>
			</div>
			
			<div class="article_box">
        			<p>具体参数请到datepicker官网查看</p>
    			</div>
    			
    			
    
    
    <div class="example_box">
        <h5>例子一：基本调用</h5>
        <p>CSS</p>    
        <div class="code_box">
        		见ui.css文件
        </div>
		<p>JS</p>    
        <div class="code_box">
        		<pre class="brush: csharp;">$('#demo1').chosen({
					no_results_text: "无搜索结果"
				});
		</pre>
        </div>        
        
        <div class="demo_box">
            
        
        <div style="height: 60px;">
        		<input type="text" id="demo1" />
		</div>
            
        </div>
        
    </div>
    
     
    
    <div class="download">
        <h3>立即下载</h3>
        <div class="download_box">
            <a href="#" target="_blank" class="btn_download btn_download_wide">
                <span class="icon_box"><s class="icon_download"></s></span>
                <span class="title">chosen</span>
            </a>
        </div>
    </div>
    
    <div class="download">
        <h3>联系我</h3>
        <div class="download_box">
           <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=317365887&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:317365887:53" alt="请注明通过林氏智造发现此QQ" title="请注明通过林氏智造发现此QQ"/></a>
        </div>
    </div>
			
			
		</div>
		
	</body>
</html>
